<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<title>My HTML Template</title>
		<style type="text/css">
			div#header {
				color: #0066FF;
				font-size: 25pt;
			}
			
			div#content {
				color: #B088FF;
				font-size: 12pt;
			}
		</style>
		<script type="text/javascript">
			window.onload = function() {
				var Daddy = function( daddyName, daddyNickName ) {
					this.daddyName = daddyName || "";
					alert( "In Daddy, this.daddyName: " + this.daddyName );
					
					this._daddyNickName = daddyNickName;
				};
				
				var Son = function( sonName, sonNickName ) {
					this.super = Daddy;
					this.super( sonName, "Trane" );
					//this.super.prototype.daddyName = "God of Jazz";
					alert( "In Son, this.super.daddyNickName: " + this.super.prototype._daddyNickName );
					
					this.sonNickName = sonNickName;
				};
				
				Son.prototype = new Daddy( "John Coltrane" );
				
				var s = new Son( "Ravi Coltrane", "Vivi" );
				alert(
					"s.daddyName: " + s.daddyName + "\n" + 
					"s.daddyNickName: " + s.super.prototype._daddyNickName + "\n" + 
					"s.sonNickName: " + s.sonNickName
				);
				
				var d = new Daddy( "" );
			}
		</script>
		
	</head>
	
	<body>
		<div title="temp1" id="header">Hello HTML</div>
		<div title="temp1" id="content">Here is content</div>
	</body>
</html>